<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>按钮</title>
	<style>
	body{background-color:pink;
	}
	.aaa{

		background-color: skyblue;
		font-size: 30px;
		width: 200px;
		height: 100px;
		margin: 0 auto;
		border: solid black 2px; 
		border-radius: 20px;
		text-align: center;
		line-height: 100px;

	}
.aaa:hover{
text-shadow:2px 0px 20px red; 
box-shadow:1px 0px 20px blue;
background-color:#cc99cc;
}
;
	</style>
</head>
<body>
	<div class="aaa">
  C 罗
	</div>
</body>
</html>